<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .a {
            display: inline;
            width: auto;
            height: auto;
            line-height: normal;
            vertical-align: baseline;
            background-image: none;
            background-position: 0% 0%;
            background-repeat: repeat;
            margin-top: 0;
        }
    </style>
</head>
<body>
<script src="js/jquery.js"></script>
<script src="js/jquery.sparkline.js"></script>

<div id="heard">
    <header class="header white-bg">
        <div class="sidebar-toggle-box">
            <div data-original-title="Toggle Navigation" data-placement="right" class="icon-reorder tooltips">
            </div>
        </div>
        <!--logo start-->
        <a href="#" class="logo">Flat<span>lab</span></a>
        <!--logo end-->
        <div class="nav notify-row" id="top_menu">
            <!--  notification start -->
            <ul class="nav top-menu">
                <!-- settings start -->
                <li class="dropdown">
                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                        <i class="icon-tasks"></i>
                        <span class="badge bg-success">6</span>
                    </a>
                    <ul class="dropdown-menu extended tasks-bar">
                        <div class="notify-arrow notify-arrow-green"></div>
                        <li>
                            <p class="green">我的报修清单</p>
                        </li>
                        <li>
                            <a href="paramedics-baoxiuhuixian.html">
                                <div class="task-info">
                                    <div class="desc">水电类维修</div>
                                    <div class="percent">待审核</div>
                                </div>
                                <div>
                                    <div class="progress-bar progress-bar-success" role="progressbar"
                                         aria-valuenow="40" aria-valuemin="0" aria-valuemax="100"
                                         style="width: 100%">
                                        <span>水龙头坏了</span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="task-info">
                                    <div class="desc">Database Update</div>
                                    <div class="percent">60%</div>
                                </div>
                                <div class="progress progress-striped">
                                    <div class="progress-bar progress-bar-warning" role="progressbar"
                                         aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                                         style="width: 60%">
                                        <span class="sr-only">60% Complete (warning)</span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="task-info">
                                    <div class="desc">Iphone Development</div>
                                    <div class="percent">87%</div>
                                </div>
                                <div class="progress progress-striped">
                                    <div class="progress-bar progress-bar-info" role="progressbar"
                                         aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"
                                         style="width: 87%">
                                        <span class="sr-only">87% Complete</span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="task-info">
                                    <div class="desc">Mobile App</div>
                                    <div class="percent">33%</div>
                                </div>
                                <div class="progress progress-striped">
                                    <div class="progress-bar progress-bar-danger" role="progressbar"
                                         aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"
                                         style="width: 33%">
                                        <span class="sr-only">33% Complete (danger)</span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li style="text-align: center;">
                            <a href="paramedics-repairApply.html">报修</a>
                        </li>
                    </ul>
                </li>
                <!-- settings end -->
                <!-- inbox dropdown start-->
                <!-- <li id="header_inbox_bar" class="dropdown">
              <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                  <i class="icon-envelope-alt"></i>
                  <span class="badge bg-important">5</span>
              </a>
              <ul class="dropdown-menu extended inbox">
                  <div class="notify-arrow notify-arrow-red"></div>
                  <li>
                      <p class="red">You have 5 new messages</p>
                  </li>
                  <li>
                      <a href="#">
                          <span class="photo"><img alt="avatar" src="img/avatar-mini.jpg"></span>
                          <span class="subject">
                          <span class="from">Jonathan Smith</span>
                          <span class="time">Just now</span>
                          </span>
                          <span class="message">
                              Hello, this is an example msg.
                          </span>
                      </a>
                  </li>
                  <li>
                      <a href="#">
                          <span class="photo"><img alt="avatar" src="img/avatar-mini2.jpg"></span>
                          <span class="subject">
                          <span class="from">Jhon Doe</span>
                          <span class="time">10 mins</span>
                          </span>
                          <span class="message">
                           Hi, Jhon Doe Bhai how are you ?
                          </span>
                      </a>
                  </li>
                  <li>
                      <a href="#">
                          <span class="photo"><img alt="avatar" src="img/avatar-mini3.jpg"></span>
                          <span class="subject">
                          <span class="from">Jason Stathum</span>
                          <span class="time">3 hrs</span>
                          </span>
                          <span class="message">
                              This is awesome dashboard.
                          </span>
                      </a>
                  </li>
                  <li>
                      <a href="#">
                          <span class="photo"><img alt="avatar" src="img/avatar-mini4.jpg"></span>
                          <span class="subject">
                          <span class="from">Jondi Rose</span>
                          <span class="time">Just now</span>
                          </span>
                          <span class="message">
                              Hello, this is metrolab
                          </span>
                      </a>
                  </li>
                  <li>
                      <a href="#">See all messages</a>
                  </li>
              </ul>
          </li>
          -->
                <!-- inbox dropdown end -->
                <!-- notification dropdown start-->
                <li id="header_notification_bar" class="dropdown">
                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">

                        <i class="icon-bell-alt"></i>
                        <span class="badge bg-warning">7</span>
                    </a>
                    <ul class="dropdown-menu extended notification">
                        <div class="notify-arrow notify-arrow-yellow"></div>
                        <li>
                            <p class="yellow">任务清单</p>
                        </li>
                        <li>
                            <a href="repairs-list2.html">
                                <span class="label label-danger"><i class="icon-bolt"></i></span>
                                水龙头坏了

                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span class="label label-warning"><i class="icon-bell"></i></span>
                                Server #10 not respoding.
                                <span class="small italic">1 Hours</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span class="label label-danger"><i class="icon-bolt"></i></span>
                                Database overloaded 24%.
                                <span class="small italic">4 hrs</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span class="label label-success"><i class="icon-plus"></i></span>
                                New user registered.
                                <span class="small italic">Just now</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span class="label label-info"><i class="icon-bullhorn"></i></span>
                                Application error.
                                <span class="small italic">10 mins</span>
                            </a>
                        </li>
                    </ul>
                </li>
                <!-- notification dropdown end -->
            </ul>
            <!--  notification end -->
        </div>
        <div class="top-nav ">
            <!--search & user info start-->
            <ul class="nav pull-right top-menu">
                <li>
                    <input type="text" class="form-control search" placeholder="Search">
                </li>
                <!-- user login dropdown start-->
                <li class="dropdown">
                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                        <img alt="" :src='"http://1.116.220.143:9999/"+user.img' width="30px">
                        <span class="username">{{user.userName}}</span>
                        <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu extended logout">
                        <div class="log-arrow-up"></div>
                        <li><a href="userInfo.html"><i class=" icon-user"></i>基本信息</a></li>
                        <li><a href="paramedics-shengqing3.html"><i class="icon-cog"></i> 归还物品</a></li>
                        <li><a href="paramedics-shengqing.html"><i class="icon-bell-alt"></i> 申请物品</a></li>
                        <li><a href="javascript:;" @click="logout"><i class="icon-key"></i> 退出</a></li>
                    </ul>
                </li>
                <!-- user login dropdown end -->
            </ul>
            <!--search & user info end-->
        </div>
    </header>
    <!--header end-->
    <!--sidebar start-->
    <aside>
        <div id="sidebar" class="nav-collapse ">
            <!-- sidebar menu start-->
            <ul class="sidebar-menu">
                <li class="sub-menu">
                    <a href="index.html" class="">
                        <i class="icon-book"></i>
                        <span>首页</span>
                    </a>
                </li>
                <li class="sub-menu active" v-for="item in sidebars" v-show="item.parentid==0">
                    <a href="javascript:;" class="">
                        <i class="icon-book"></i>
                        <span>{{item.functionname}}</span>
                        <span class="arrow"></span>
                    </a>
                    <ul class="sub">
                        <li v-for="(sidebar,ik) in sidebars" :class="{a:clickFlag==ik}"
                            v-show="sidebar.parentid==item.id" @click="addClass(ik)">
                            <a class="" :href="sidebar.url">{{sidebar.functionname}}</a>
                        </li>
                    </ul>
                </li>
                <!-- <li>
            <a class="" href="inbox.html">
                <i class="icon-envelope"></i>
                <span>Mail </span>
                <span class="label label-danger pull-right mail-info">2</span>
            </a>
        </li> -->
            </ul>
            <!-- sidebar menu end-->
        </div>
    </aside>
</div>
<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
<script src="js/axios.js"></script>
<script src="js/jquery.nicescroll.js" type="text/javascript"></script>


<script>
    $("body").append("<script src=\"js/jquery.scrollTo.min.js\"><\/script>")
    $("body").append("<script src='localjs/common.js'><\/script>");

    setTimeout(function () {
        $("body").append("<script src='js/common-scripts.js'><\/script>");
    }, 200)


</script>
<!--<script src="localjs/common.js"></script>-->
<!--<script src="js/common-scripts.js"></script>-->

</body>
</html>